<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>弓友之家</title>
    <link rel="stylesheet" href="css/mui.css" />
    <link rel="stylesheet" href="fonts/iconfont.css" />
    <link rel="stylesheet" href="css/style.css" />
    <style>
    	.game-rank{margin-top: 10px;}
    </style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">年度详情</h1>
		<a class="mui-icon mui-icon-more-filled mui-pull-right shareBtn"></a>
	</header>
	<div class="mui-content">
		<div class="game-rank mui-text-center">
			<div class="rank rank1">
				
			</div>
			<div class="mui-row row1">
				
			</div>
			<div class="mui-row row2">
				
			</div>
			<div class="mui-row row3">
				
			</div>
		</div>
	</div>
	<!--分享-->
	<div class="shareWx mui-hidden"> 
		<ul class="mui-list-unstyled">
			<li class="tel"><a href="javascript:void(0)" onclick="shareWeixinMessage(1)">微信好友</a></li>
			<li class="qq"><a href="javascript:void(0)" onclick="shareWeixinMessage(2)">朋友圈</a></li>
		</ul>
		<button type="button" class="cancleShare">取消</button>
	</div>
	<script type="text/javascript" src="js/mui.min.js" ></script>
	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="js/common.js" ></script>
	<script type="text/javascript" src="js/mui.zoom.js" ></script>
	<script type="text/javascript" src="js/mui.previewimage.js" ></script>
	<script type="text/javascript" charset="utf-8">
      	mui.init();
      	mui.plusReady(function(){
      		var _self=plus.webview.currentWebview();
      		var nid=_self.nid;
      		mui.ajax(H_SRC+'/amier/index/personal_review_by_year',{
				data:{
					token:token,
					year_id:nid
				},
				dataType:'json',
				type:'post',
				timeout:10000,             
				success:function(data){
					var dataurl=data.data;
					if(data.code == 1){
	      				//排名
	      				var rank1="";
	      				rank1+='<dl><a>';
						rank1+='<dt><img src="'+H_SRC+''+dataurl.paiming[0].img+'" data-preview-src="" data-preview-group="1"/></dt>';
						rank1+='<dd><h4 class="mui-ellipsis">'+dataurl.paiming[0].realName+'</h4><p class="mui-ellipsis">'+dataurl.paiming[0].title+'</p><span data-id="'+dataurl.paiming[0].member_id+'">查看详情</span></a></dl>';
	      				$(".rank1").html(rank1);
	      				var rank2="";
	      				for(var i=1;i<3;i++){
	      					rank2+='<div class="mui-col-xs-6"><div class="rank rank2"><dl><a>';
							rank2+='<dt><img src="'+H_SRC+''+dataurl.paiming[i].img+'" data-preview-src="" data-preview-group="1"/></dt>';
							rank2+='<dd><h4 class="mui-ellipsis">'+dataurl.paiming[i].realName+'</h4><p class="mui-ellipsis">'+dataurl.paiming[i].title+'</p><span data-id="'+dataurl.paiming[i].member_id+'">查看详情</span>';
							rank2+='</dd></a></dl></div></div>';
	      				}
	      				$(".game-rank .row1").html(rank2);
	      				var rank3="";
	      				for(var i=3;i<6;i++){
	      					rank3+='<div class="mui-col-xs-4"><div class="rank rank3"><dl><a data-id="'+dataurl.paiming[0].id+'">';
							rank3+='<dt><img src="'+H_SRC+''+dataurl.paiming[i].img+'" data-preview-src="" data-preview-group="1"/></dt>';
							rank3+='<dd><h4 class="mui-ellipsis">'+dataurl.paiming[i].realName+'</h4><p class="mui-ellipsis">'+dataurl.paiming[i].title+'</p><span data-id="'+dataurl.paiming[i].member_id+'">查看详情</span>';
							rank3+='</dd></a></dl></div></div>';
	      				}
	      				$(".game-rank .row2").html(rank3);
	      				var rank4="";
	      				for(var i=6;i<10;i++){
	      					rank4+='<div class="mui-col-xs-3"><div class="rank rank4"><dl><a data-id="'+dataurl.paiming[0].id+'">';
							rank4+='<dt><img src="'+H_SRC+''+dataurl.paiming[i].img+'" data-preview-src="" data-preview-group="1"/></dt>';
							rank4+='<dd><h4 class="mui-ellipsis">'+dataurl.paiming[i].realName+'</h4><p class="mui-ellipsis">'+dataurl.paiming[i].title+'</p><span data-id="'+dataurl.paiming[i].member_id+'">查看详情</span>';
							rank4+='</dd></a></dl></div></div>';
	      				}
	      				$(".game-rank .row3").html(rank4);
	      				mui.previewImage();
	      				$(".game-rank").on("tap","span",function(){
							var mid=$(this).attr("data-id");
							mui.openWindow({ 
								url:'integralrank-page.html',
								id:'integralrank-page.html',
								createNew:true,
								show: {
									autoShow: true,
									aniShow: 'slide-in-right',
									duration: 200,
								},
								extras:{
									mid:mid
								}
							});
						})
					}else{
						mui.toast(data.msg);
					}
				},
				error:function(){
					
				}
			}) 
      	})
      	
    </script>
</body>
</html>